<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>抢红包-列表</title>

    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="yes" name="apple-mobile-web-app-capable">

    <link rel="stylesheet" href="/red/h5/base.css">

    <style>
      /*header*/
      .redPacketList_header_container{
      	background: url(http://weidogstest.oss-cn-beijing.aliyuncs.com/5b8513c0f0bae7a3ee69a1db87fc8800.png)no-repeat top center /100%;
      	padding-top: 1.92rem;
      	padding-bottom: 0.56rem;
      }
      .redPacketList_header_content{

      }
      .redPacketList_headerInfo_container{
      	display: flex;
      	align-items: center;
      	justify-content: center;
      }
      .redPacketList_headerInfo_container img{
      	width: 0.44rem;
      	height:0.44rem;
      	margin-right: 0.1rem;
      	border-radius: 3px;
      }
      .redPacketList_headerInfo_container h3{
      	font-size: 0.33rem;
      	color: #000;
      }
      .redPacketList_header_content h4{
      	font-size: 0.24rem;
      	color: #b4b4b4;
      	margin-top: 0.27rem;
      	font-weight: 400;
      	text-align: center;
      }
      .redPacketList_header_content h2{
      	color: #bea475;
      	font-size: 0.81rem;
      	margin-top: 0.5rem;
      	text-align: center;
      }
      .redPacketList_header_content h2 small{
      	color: #bea475;
      	font-size: 0.25rem;
      }
      .redPacketList_header_content p{
      	color: #bea475;
      	font-size: 0.25rem;
      	margin-top: 0.35rem;
      	text-align: center;
      }
      /*main*/
      .redPacketList_main_container{

      }
      .redPacketList_mainTitle_container{
      	padding: 0.23rem 0.27rem;
      	border-bottom: 1px solid #f0f0f0;
      }
      .redPacketList_mainTitle_container p{
      	color: #aaaaaa;
      	font-size: 0.25rem;
      }
      .redPacketList_mainList_container{

      }
      .redPacketList_mainList_content{
      	padding:0.26rem 0.3rem 0.26rem 0.3rem;
      	display: flex;
      	align-items: center;
      	border-bottom: 1px solid #f0f0f0;
      }
      .redPacketList_mainList_content img{
      	width: 0.76rem;
      	height:0.76rem;
      	margin-right: 0.23rem;
      	border-radius: 4px;
      }
      .redPacketList_mainListInfo_container{
      	flex: 1;
      	display: flex;
      	align-items: center;
      	justify-content: space-between;
      	height: 0.76rem;
      }
      .redPacketList_mainListInfoLeft_container{
      	flex: 1;
      	height: 0.76rem;
      	display: flex;
      	flex-direction: column;
      	justify-content: space-between;
      }
      .redPacketList_mainListInfoLeft_container p{
      	color: #000;
      	font-size: 0.28rem;
      }
      .redPacketList_mainListInfoLeft_container span{
      	color: #a1a1a1;
      	font-size: 0.28rem;
      }
      .redPacketList_mainListInfoRight_container{
      	height: 0.76rem;
      	display: flex;
      	flex-direction: column;
      	justify-content: space-between;
      }
      .redPacketList_mainListInfoRight_container p{
      	color: #a1a1a1;
      	font-size: 0.26rem;
      }
      .redPacketList_mainListInfoRight_container span{
      	color: #f3b345;
      	font-size: 0.28rem;
      }
      .friend_mainNoData_contaienr{
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          padding: 50px 0;
       }
       .friend_mainNoData_contaienr svg{
          width: 120px;
          height: 120px;
       }
       .friend_mainNoData_contaienr p{
          color: #777;
          font-size: 14px;
          margin-top: 15px;
       }
    </style>

  </head>
  <body>
    <div class="redPacketList_header_container">
    	<div class="redPacketList_header_content">
    		<div class="redPacketList_headerInfo_container">
    			<!-- <img src="/images/close.png"> -->
          {if $cover->red_image}
            <img src="{$cover->red_image}">{if $cover->red_title}{$cover->red_title}{else}系统红包{/if}
          {else}
            <img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/b8cd37c1cf5169df7e4a18d18e47b31d.png">{if $cover->red_title}{$cover->red_title}{else}系统红包{/if}
          {/if}
    		</div>
    		<h4>{if $cover->red_content}{$cover->red_content}{else}恭喜发财，大吉大利{/if}</h4>
        {if $list->id}
    		<h2>{if $list->price}{$list->price}{else}0.00{/if}<small>元</small></h2>
          {if $list->price}
    		<p>已存入零钱，可直接转账</p>
          {/if}
        {/if}
    	</div>
    </div>
    <div class="redPacketList_main_container">
    	<div class="redPacketList_mainTitle_container">
        {if $user->id}
    		<p>领取1 / 1个</p>
        {else}
        <p>领取0 / 1个</p>
        {/if}
    	</div>
    	<div class="redPacketList_mainList_container">
        {if $user->id}
    		<div class="redPacketList_mainList_content">
    			<img src="{$user->avatar}">
    			<div class="redPacketList_mainListInfo_container">
    				<div class="redPacketList_mainListInfoLeft_container">
    					<p>{$user->name}</p>
    					<span><?php echo date('Y-m-d H:i:s',$list->ltime)?></span>
    				</div>
    				<div class="redPacketList_mainListInfoRight_container">
    					<p>{$list->price}元</p>
    					<span>手气最佳</span>
    				</div>
    			</div>
    		</div>
        {else}
          <div class="friend_mainNoData_contaienr">
               <svg t="1602839884497" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1256" width="200" height="200"><path d="M23 82.6h61.1c4.2 0 7.6 3.4 7.6 7.6 0 4.2-3.4 7.6-7.6 7.6H23c-4.2 0-7.6-3.4-7.6-7.6 0-4.2 3.4-7.6 7.6-7.6z" fill="#FFB400" p-id="1257"></path><path d="M53.6 52c4.2 0 7.6 3.4 7.6 7.6v61.1c0 4.2-3.4 7.6-7.6 7.6-4.2 0-7.6-3.4-7.6-7.6V59.6c0-4.2 3.4-7.6 7.6-7.6z" fill="#FFB400" p-id="1258"></path><path d="M358.4 122.3l29.5 7.9c4.1 1.1 6.5 5.3 5.4 9.4-1.1 4.1-5.3 6.5-9.4 5.4l-29.5-7.9c-4.1-1.1-6.5-5.3-5.4-9.4 1.2-4.1 5.3-6.5 9.4-5.4z" fill="#043EB8" p-id="1259"></path><path d="M412.8 79.4l7.9 29.5c1.1 4.1-1.3 8.3-5.4 9.4-4.1 1.1-8.3-1.3-9.4-5.4L398 83.3c-1.1-4.1 1.3-8.3 5.4-9.4 4.1-1 8.3 1.4 9.4 5.5z" fill="#2868F0" p-id="1260"></path><path d="M477.1 105l-21.6 21.6c-3 3-7.8 3-10.8 0-3-3-3-7.8 0-10.8l21.6-21.6c3-3 7.8-3 10.8 0 3 3 3 7.8 0 10.8z" fill="#8FB3FF" p-id="1261"></path><path d="M939 119.3c-25.3 0-45.8 20.5-45.8 45.9 0 25.3 20.5 45.8 45.8 45.8s45.9-20.5 45.9-45.8c-0.1-25.4-20.6-45.9-45.9-45.9z m0 76.4c-16.9 0-30.6-13.7-30.6-30.6 0-16.9 13.7-30.6 30.6-30.6s30.6 13.7 30.6 30.6c-0.1 16.9-13.8 30.6-30.6 30.6z" fill="#FFB400" p-id="1262"></path><path d="M763.9 32L718 50.6v61.1l45.9-18.6V32z" fill="#FFB400" p-id="1263"></path><path d="M664.4 93.1l45.9 18.6V50.6L664.4 32v61.1zM763.9 25.9L714.7 6.5l-50.3 17.4 50.1 21.3 49.4-19.3z" fill="#FFD200" p-id="1264"></path><path d="M917.1 388.2l-458.5-61.1v242.3l458.5 48.1V388.2z" fill="#043EB8" p-id="1265"></path><path d="M91.8 406.4l366.8-79.3v275.1L91.8 681.5V406.4z" fill="#2868F0" p-id="1266"></path><path d="M519.7 498.1l397.4-109.9v519.6l-397.4 109.9V498.1z" fill="#043EB8" p-id="1267"></path><path d="M91.8 406.4l427.9 91.7v516.8L91.8 910.8V406.4z" fill="#2868F0" p-id="1268"></path><path d="M519.7 497.3L91.8 406.4 0.1 589.8l443.2 104.1 76.4-196.6z" fill="#8FB3FF" p-id="1269"></path><path d="M519.7 498.1l397.4-109.9 107 183.4L642 696.8 519.7 498.1z" fill="#2868F0" p-id="1270"></path><path d="M734.7 401.8s17-107.2 105.8-160.6c0 0 7.8 8.8 23.2 28.6 0 0-40.4-6.4-129 132z" fill="#8FB3FF" p-id="1271"></path><path d="M519.7 397.4s1.7-58.7 44.7-191.2c0 0 7.8 8.8 23.2 28.6 0 0-16.2 14.1-67.9 162.6z" fill="#2868F0" p-id="1272"></path><path d="M370.3 386.8s-48.4-142.2-166.9-206.4c0 0-19.8 27.7-41.5 36.5-0.1 0 136.3 47.5 208.4 169.9z" fill="#FFD200" p-id="1273"></path></svg>
               <p>暂无领取记录</p>
          </div>
        {/if}
    	</div>
    </div>

 
  </body>
</html>
